<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>房屋租赁系统</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">

    <link rel="stylesheet" href="vendor/admin-lte/css/AdminLTE.min.css">
    <link rel="stylesheet" href="vendor/admin-lte/css/skins/skin-blue.min.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div id="app" class="wrapper">
    <!-- Main Header -->
    <header class="main-header">
        <!-- Logo -->
        <a href="index.html" class="logo">
            <!-- <span class="logo-mini">
               <b>房屋租赁</b>
             </span>-->
            <span class="logo-lg">
            <b>房屋租赁</b>
          </span>
        </a>
        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span></a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img :src="user.avatar" class="user-image" alt="User Image">
                            <span class="hidden-xs">{{user.username}}</span></a>
                        <ul class="dropdown-menu">
                            <li class="user-header">
                                <img :src="user.avatar" class="img-circle" alt="User Image">
                                <p>你好,呵呵
                                    <small>随便写</small>
                                </p>
                            </li>
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="#" class="btn btn-default btn-flat">用户设置</a></div>
                                <div class="pull-right">
                                    <a href="index.html" class="btn btn-default btn-flat">注销</a></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar Menu -->
            <ul id="menu" class="sidebar-menu">
                <!-- Optionally, you can add icons to the links -->
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>常用功能</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#/eRoom"><i class="fa fa-link"></i><span>房间列表</span></a></li>
                        <li><a href="#/newLease"><i class="fa fa-link"></i><span>新建租赁</span></a></li>
                        <li><a href="#/billing"><i class="fa fa-link"></i><span>账单结算</span></a></li>
                        <li><a href="#/networkSettings"><i class="fa fa-link"></i><span>网络设置</span></a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>信息查询</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#/emptyRoom"><i class="fa fa-link"></i><span>空房查询</span></a></li>
                        <li><a href="#/historicalLease"><i class="fa fa-link"></i><span>历史租赁查询</span></a></li>
                        <li><a href="#"><i class="fa fa-link"></i><span>历史账单查询</span></a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>综合管理</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#/room"><i class="fa fa-link"></i><span>房屋管理</span></a></li>
                        <li><a href="#"><i class="fa fa-link"></i><span>租赁管理</span></a></li>
                        <li><a href="#"><i class="fa fa-link"></i><span>账单管理</span></a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>统计分析</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-link"></i><span>统计一</span></a></li>

                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>系统参数</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#/setting"><i class="fa fa-link"></i><span>参数设置</span></a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>权限管理</span>
                        <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#/register"><i class="fa fa-link"></i><span>注册中心</span></a></li>
                        <li><a href="#/user"><i class="fa fa-link"></i><span>账号管理</span></a></li>
                    </ul>
                </li>
            </ul>
            <!-- /.sidebar-menu --></section>
        <!-- /.sidebar --></aside>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <ol class="breadcrumb">
                <li><a href="/"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li class="active">{{pageHeader}}</li>
            </ol>
        </section>
        <section class="content frame">
            <div class="row">
                <iframe id="content-iframe" class="content" frameborder="0"
                        width="100%" v-model="frame_src" :src="frame_src"></iframe>
            </div>

        </section>
    </div>
    <footer class="main-footer">
        <div class="pull-right hidden-xs">LeeXyan制作</div>
        <strong>Copyright &copy; 2017
            <a href="#">LeeXyan</a>.</strong>All rights reserved.
    </footer>
</div>
<script src="vendor/jquery/jQuery-2.2.0.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/admin-lte/js/app.min.js"></script>
<script src="vendor/vue/vue.min.js"></script>
<script src="//cdn.bootcss.com/Director/1.2.8/director.min.js"></script>
<script src="./address-resolver.js"></script>
<script src="app.js"></script>

</body>

</html>